$bgc:#F7F7F7;
$w:710rpx;
$margin:20rpx;
$radius:16rpx;
$padding:30rpx;
// $bgc:#FFFFFF;
$color1:#A2A1A1;

@mixin list() {
  margin-top: $margin;
  height: 44rpx;
  background-color: #ECECEC;
  text-align: center;
  border-radius: 44rpx;
  width: 120rpx;
}

;

@mixin modal() {
  text-align: center;
  position: absolute;
  top: 90rpx;
  width: 100%;
  //  height: 100rpx;
  background-color: $bgc;

  view {
    margin: 20rpx;
  }
}

;

@mixin icon() {
  height: 30rpx;
  width: 30rpx;
  margin-left: 26rpx;
  margin-top: 5rpx;
  position: absolute;
  top: 4rpx;
}

;

@mixin icon_select {
  width: 14rpx;
  height: 28rpx;
  position: absolute;
  // top: 150rpx;
  left: 160rpx;
}

;

page {
  background-color: #ECECEC;
}

view {
  box-sizing: border-box;
  overflow: hidden;
}

.custom-bar {
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 666;
}

.custom-bar__wrapper {
  padding: 0 10rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-group {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  // border: 1px solid #666;
  border-radius: 60rpx;
  padding: 0 20rpx;
  background-color: #F5F4F9;
}

.search-group>input {
  font-size: 25rpx;
}

.search-group>image {
  height: 32rpx;
  width: 32rpx;
  margin-right: 10rpx
}

#back {
  width: 40rpx;
  height: 40rpx;
  //   margin-left: 24rpx;
  margin-right: 20rpx;
}

#main {
  // margin-left: 40rpx;
  // margin-top: 110rpx;
  font-size: 16px;
  overflow: auto;
  position: relative;

  // position: relative;
  movable-area {
    // height: 1262rpx;
    height: auto;
    width: 756rpx;

    movable-view {
      
      position: fixed;
      width: auto;
      height: auto;
      .top {
        // margin-top: 300rpx;
        // margin-left:0rpx;
        // position: fixed;
        display: inline-block;
        font-size: 80rpx;
        color: $color1;
      }
    }
  }

  #select {
    background-color: #fff;
    height: 104rpx;
    z-index: 66;

    // position: relative;
    .icon_ {
      @include icon_select();
      width: 30rpx;
      height: 30rpx;
      top: 42rpx;
      // top: 153rpx;
      left: 153rpx;
    }

    //模态点击
    .open {
      height: 100rpx;
    }

    text {
      display: inline-block;
      width: 120rpx;
      height: 40rpx;
      // text-align: center;
      line-height: 40rpx;
      border-radius: 20rpx;
      background-color: $bgc;
      font-size: 24rpx;
      margin-top: 36rpx;
      margin-left: 64rpx;
    }

    .icon_up_down {
      @include icon_select();
      // top: 111rpx;
      // top: 45rpx;
      left: 88rpx;
      font-size: rpx;
    }

    .list_2 {
      width: 160rpx;
    }

    .icon_up_down1 {
      @include icon_select();
      width: 30rpx;
      height: 30rpx;
      left: 378rpx;
      top: 45rpx;

    }

    .icon_up_down3 {
      @include icon_select();
      width: 30rpx;
      height: 30rpx;
      left: 600rpx;
      top: 45rpx;
    }


  }

  #context {
    background-color: #fff;
    margin-top: 20rpx;
    border-radius: $radius;
    overflow: auto;

    .context_com {
      display: flex;

      .show_img {
        width: 234rpx;
        height: 244rpx;
        margin-top: 16rpx;
        padding: 10rpx;
      }

      #title {
        margin-top: $margin;
        font-size: 28rpx;
      }

      #right {
        #list {
          width: 414rpx;
          line-height: 44rpx;
          color: $color1;
          font-size: 24rpx;
          display: flex;
          justify-content: space-between;

          .t1 {
            @include list();

          }

          .t2 {
            @include list();
            width: 144rpx;
          }

          .t3 {
            @include list();
          }
        }

        #price {
          margin-top: $margin;
          color: #FB0707;

          .p1,
          .p3 {
            font-size: 24rpx;
          }
        }
      }

      .start {
        color: $color1;
        font-size: 28rpx;

        .first {
          margin-left: -20rpx;

          .select_ {
            margin-left: 5rpx;
            padding-top: 5rpx;
            color: #FBB805;
            // position: relative;

          }

          .select_1 {
            color: $color1;
            margin-left: 5rpx;
          }
        }
      }
      
    }
  }
//其他信息
.icon-box{
  text-align: center;
  margin-top: 200rpx;
  view{
    text-align: center;
  }
}

  .price_list {
    @include modal();

    .selected {
      color: red;
    }

    .mini-btn {
      width: 40%;
      margin-bottom: 10rpx;
      height: 60rpx;
      border-radius: 30rpx;

    }

    .btn1 {
      background-color: #fff;
      color: black;
    }

    .btn2 {
      background-color: #FB0707;
      color: #fff;
      margin-left: 10rpx;
    }
  }
}
.prompt {
  text-align: center;
  color:$color1;


  view {
    border-top: 1px dashed #bbb;
    margin: 10rpx 20rpx;
    
  }
}